<template>
	<div class="Pchangephon3">
		<Pheader class="tou" msg="换绑手机"></Pheader>
		<div class="changeTTMinThree">
			<div class="changeTitle">
				<span class="changeTitleOne" :style="one">1.验证原手机号</span>
				<span class="changeTitleTwo" :style="two">2.验证新手机号</span>
				<span class="changeTitleThree" :style="three">3.换绑成功</span>
			</div>
			<div class="successxiugia">
				<span class="el-icon-success"></span>
				<span>恭喜您成功修改</span>
			</div>
		</div>
	</div>
</template>

<script>
	//头部小组件
	import Pheader from "@/components/P_header.vue";
	
	export default {
		components: {
			Pheader
		},
		data(){
			return{
				one: {
					backgroundImage: "url(" + require("../assets/images/bound/bound4.jpg") + ") ",
					backgroundPosition: "center center",
					backgroundRepeat: "no-repeat",
					backgroundSize: "100% 100%",
				},
				two:{
					backgroundImage: "url(" + require("../assets/images/bound/bound8.jpg") + ") ",
					backgroundPosition: "center center",
					backgroundRepeat: "no-repeat",
					backgroundSize: "100% 100%",
				},
				three: {
					backgroundImage: "url(" + require("../assets/images/bound/bound7.jpg") + ") ",
					backgroundPosition: "center center",
					backgroundRepeat: "no-repeat",
					backgroundSize: "100% 100%",
				},
			}
		}
	}
</script>

<style>
.Pchangephon3 {
  width: 100%;
  height: 488px;
  border: 1px solid #e7e7e7;
  /* margin-left:1%; */
  position: absolute;
  top: 0px;
  left: 0px;
  background: #fff;
  overflow: hidden;
  z-index: 2;
}
.Pchangephon3 .tou {
  padding: 10px 13px;
  border-bottom: 1px solid #e7e7e7;
}
	.changeTTMinThree {
		padding: 40px;
	}
	.changeTitle span {
		width: 233px;
		height: 42px;
		display: inline-block;
		color: #333;
		font-size: 17px;
		line-height: 42px;
		text-align: center;
	}
	.changeTitle .changeTitleTwo{
		color:#333;
	}
	.changeTitle .changeTitleThree{
		color:#fff;
	}
	.successxiugia{
		color:#F08200;
		font-size: 24px;
		margin-top:175px;
		margin-bottom: 200px;
		margin-left:25%;
	}
	.successxiugia .el-icon-success{
		font-size: 42px;
		vertical-align: middle;
		margin-right: 20px;
	}
</style>
